<div id="breadcrumb">
  <a href="/">inicio</a> <%= link_to @event.title, event_url(@event) %>
</div>

<div class="clearfix">

<div class="col1_2">  
<div class="whitebox">
  <div class="cont clearfix">
    <h2>Invita a los contacto de tu agenda de móvil</h2>
    
    <%= @cont %>
    <%= invite_menu %>
    
    <% if @contacts.nil? %>
    <div id="loginagenda">
    <% form_tag  "/events/copiagenda/#{@event.to_param}" do -%>
        <p>Para poder acceder desde aquí a la agenda de tu móvil debes de estar dado de alta en <a href="http://copiagenda.movistar.es/">copiagenda</a>.</p>
        <p class="clearfix stub">
          <label for="login">Tu número de móvil</label>
          <br/>
          <input id="login" class="textfield" type="text" size="30" name="login"/>
        </p>
        <p class="clearfix stub">
          <label for="password">Contraseña de copiagenda</label>
          <br/>
          <input id="password" class="textfield" type="password" size="30" name="password"/>
        </p>        
        <p class="right"><%= submit_tag 'Ver mi agenda', :class => 'yellowbutton' %></p>
    <% end %>
    </div>
    <% end %>
    
    <% unless @contacts.nil? %>
    <p>Aquí tienes una lista de tus contactos personales.</p>
      <ul class="copiagendacontacts">
        <% @contacts.each_with_index do |contact, index| %>
          <%= "<li id='inv_#{index}' class='clearfix'><span class='actions' id='invlink_#{index}'>#{link_to_remote 'enviar invitación', {:url =>{:action => 'invite', :id => @event.id, :index => index, :contact => [{:name => contact[1], :contact => contact[16]}] }, :success => "$('invlink_#{index}').innerHTML=''; $('inv_#{index}').style.background = '#AAD3D3'"}}</span><strong>#{contact[1]}</strong> - #{contact[16]}</li>" unless contact[1].blank? || contact[16].blank? %>
        <% end %>
      </ul>
      <p>Aunque los mostremos todo recuerda que sólo puedes enviar a teléfonos capaces de recibir SMS.</p>
  <% end %>
  
  <p class="right"><%= link_to 'Ir a la página del evento', event_url(@event), :class => 'yellowbutton' %></p>
  
  </div><!-- .cont -->
</div><!-- .whitebox -->
</div><!-- .col1_2 -->

<div class="col2_2">
  
  <div class="yellowbox">
    <div class="cont clearfix">
      En tvienes no guardamos tus contactos ni tus contraseñas, así que tendrás que loguearte cada vez que quieras enviar invitaciones a los contactos de tu agenda :)
    </div><!-- .cont -->
  </div><!-- .yellowbox -->
  
</div><!-- .col1_2 -->

</div><!-- .clearfix -->
